<cfif IsUserInRole("Super User") or IsUserInRole("Regional Admin")>
	<cfinclude template="#request.pathToUI#/grids/volunteers.cfm" />
<cfelse>
	<div class="row">
		<div class="banner prepare-banner">
			<div class="banner-text">
				<span class="banner-header">Volunteers</span><br />
				<span class="banner-subheader">9 out of 10 participants said a workshop was worth attending</span>
			</div>
		</div>
	</div>
	<div class="row body-row">
		<div class="span3">
			<ul class="nav nav-tabs nav-stacked sidenav">
				<li><a href="#best-practices">Best Practices</a></li>
				<li><a href="#volunteers">Registered Volunteers</a></li>
				<!--- <li><a href="#training">Training</a></li> --->
				<li><a href="#whats-next">What&rsquo;s Next</a></li>
			</ul>
		</div>
		<div class="span9 content">
		
			<section id="best-practices">
				<h3>Best Practices</h3>
				<p>It's important to provide trained volunteers to give students and families the assistance they need to complete the FAFSA at your event.  This is a great opportunity to do a community-wide request for volunteers using the media, feeder schools, parent and community communication tools, and other staff in your organization, school, or district. Here are some ideas:</p>
				<ul>
					<li>Check with your regional office to learn more about volunteer resources for your workshop</li>
					<li>Distribute volunteer  flyers/email to community, non-profit, and faith-based organizations</li>
					<li>Reach out to churches and ask them to include volunteer request in church bulletin or pulpit announcements</li>
					<li>Post need for volunteers in organization social media outlets</li>
					<li>Reach out to site support techs at your high school</li>
					<li>Reach out to compuer class teachers at your high school</li>
				</ul>
			</section>
			
			<section id="workshops">
				<h3>Registered Volunteers</h3>
				
				<p><a href="?view=editVolunteer&returnView=volunteers&Volunteer_ID=0" class="btn btn-success">New Volunteer</a></p>
				
				<cfscript>
					base = new assets.calgrants.com.Base();
					volunteerGateway = new assets.calgrants.com.gateway.VolunteerGateway();
					volunteers = volunteerGateway.query(Organization_ID = request.authUser.organizationID);
				</cfscript>
				
				<cfif volunteers.RecordCount gt 0>
				
					<table class="table table-hover table-bordered">
						<thead>
							<tr>
								<th>Volunteer</th>
								<th>Worskhop/Status</th>
								<th class="action"></th>
							</tr>
						</thead>
						<tbody>
							<cfoutput query="volunteers">
								<tr valign="top">
									<td>
										#Full_Name#<br />
										<a href="mailto:#Email#">#Email#</a><br />
										#base.formatPhone(Phone)#
									</td>
									<!--- <td>
										<table class="table table-bordered">
										<cfoutput>
											<tr valign="top">
												<td>
												#Site#<br />
												#DateFormat(Workshop_Date, "m/d/yyyy")# #TimeFormat(Start_Time, "h:mmtt")#&nbsp;-&nbsp;#TimeFormat(End_Time, "h:mmtt")#
												</td>
												<td style="width: 100px;">
													#Status#
													<!--- <div class="btn-group">
														<button class="btn btn-mini dropdown-toggle" data-toggle="dropdown" style="width: 90px; text-align: left;">#Status#</button>
														<button class="btn btn-mini dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
														<ul class="dropdown-menu">
															<li class="btn-mini"><a href="?action=updateWorkshopVolunteerStatus&view=volunteers&Workshop_Volunteer_ID=#Workshop_Volunteer_ID#&Status=Unassigned">Unassigned</a></li>
															<li class="btn-mini"><a href="?action=updateWorkshopVolunteerStatus&view=volunteers&Workshop_Volunteer_ID=#Workshop_Volunteer_ID#&Status=Assigned">Assigned</a></li>
															<li class="btn-mini"><a href="?action=updateWorkshopVolunteerStatus&view=volunteers&Workshop_Volunteer_ID=#Workshop_Volunteer_ID#&Status=Confirmed">Confirmed</a></li>
															<li class="btn-mini"><a href="?action=updateWorkshopVolunteerStatus&view=volunteers&Workshop_Volunteer_ID=#Workshop_Volunteer_ID#&Status=Attended">Attended</a></li>
															<li class="btn-mini"><a href="?action=updateWorkshopVolunteerStatus&view=volunteers&Workshop_Volunteer_ID=#Workshop_Volunteer_ID#&Status=Acknowledged">Acknowledged</a></li>
														</ul>
													</div> --->
												</td>
											</tr>
											<!--- <div style="margin-bottom: 10px;">
												#Site#<small class="pull-right">#Status#</small><br />
												#DateFormat(Workshop_Date, "m/d/yyyy")# #TimeFormat(Start_Time, "h:mmtt")#&nbsp;-&nbsp;#TimeFormat(End_Time, "h:mmtt")#
											</div> --->
										</cfoutput>
										</table>
									</td> --->
									<td>
										<!--- <cfif IsUserInRole("Site Contact") OR Approved>
											<a href="?view=workshop&Workshop_ID=#Workshop_ID#" class="btn btn-success btn-block">View</a>
										<cfelse> --->
											<a href="?view=editVolunteer&returnView=volunteers&Volunteer_ID=#Volunteer_ID#" class="btn btn-success btn-block">Edit</a>
										<!--- </cfif> --->
									</td>
								</tr>
							</cfoutput>
						</tbody>
					</table>

					<!--- <div class="accordion" id="workshopVolunteersAccordian">
						<cfset panelCount = 1 />
						<cfoutput query="workshopVolunteers" group="Workshop_ID">
							<div class="accordion-group">
								<div class="accordion-heading">
									<a class="accordion-toggle" data-toggle="collapse" data-parent="##workshopVolunteersAccordian" href="##panel#panelCount#">#Site# - #DateFormat(Workshop_Date, "m/d/yyyy")# #TimeFormat(Start_Time, "h:mmtt")#-#TimeFormat(End_Time, "h:mmtt")#</a>
								</div>
								<div id="panel#panelCount#" class="accordion-body collapse">
									<div class="accordion-inner">
										<table class="table table-hover table-bordered">
											<thead>
												<tr>
													<th>Name</th>
													<th>E-mail</th>
													<th>Phone</th>
													<th>Confirmed</th>
													<th class="action"></th>
												</tr>
											</thead>
											<tbody>
												<cfoutput>
													<tr>
														<td>#Volunteer_Full_Name#</td>
														<td>#Volunteer_Email#</td>
														<td>#Volunteer_Phone#</td>
														<td>#YesNoFormat(Confirmed)#</td>
														<td>
															<!--- <cfif IsUserInRole("Site Contact") OR Approved>
																<a href="?view=workshop&Workshop_ID=#Workshop_ID#" class="btn btn-success btn-block">View</a>
															<cfelse> --->
																<a href="?view=editWorkshopVolunteer&returnView=volunteers&Workshop_Volunteer_ID=#Workshop_Volunteer_ID#" class="btn btn-success btn-block">Edit</a>
															<!--- </cfif> --->
														</td>
													</tr>
												</cfoutput>
											</tbody>
										</table>
									</div>
								</div>
							</div>
							<cfset panelCount = panelCount + 1 />
						</cfoutput>
					</div> --->
				
				<cfelse>
				
					<div class="alert alert-info notFound">No volunteers</div>
					
				</cfif>
				
				<!--- <cfif workshopVolunteers.RecordCount gt 0>
					<table id="workshopVolunteersTable" class="table table-hover table-bordered">
						<thead>
							<tr>
								<th>Name</th>
								<th>Workshop</th>
								<th>Confirmed</th>
								<!--- <th>Acknowledged</th> --->
								<th class="action"></th>
							</tr>
						</thead>
						<tbody>
							<cfoutput query="workshopVolunteers">
								<tr>
									<td>#Volunteer_Full_Name#</td>
									<td>#Site# - #DateFormat(Workshop_Date, "m/d/yyyy")# #TimeFormat(Start_Time, "h:mmtt")#-#TimeFormat(End_Time, "h:mmtt")#</td>
									<td>#YesNoFormat(Confirmed)#</td>
									<td>
										<!--- <cfif IsUserInRole("Site Contact") OR Approved>
											<a href="?view=workshop&Workshop_ID=#Workshop_ID#" class="btn btn-success">View</a>
										<cfelse> --->
											<a href="?view=editWorskhopVolunteer&Workshop_Volunteer_ID=#Workshop_Volunteer_ID#" class="btn btn-success btn-block">Edit</a>
										<!--- </cfif> --->
									</td>
								</tr>
							</cfoutput>
						</tbody>
					</table>
				<cfelse>
					<div class="alert alert-info notFound">No registered volunteers</div>
				</cfif> --->
				
				<!--- <p><span id="noRegisteredWorkshopsPopover" rel="popover"><a class="btn btn-success" onclick="get('workshopVolunteer', 0, 'edit', 'modal')">Register Volunteer</a></span><!--- &nbsp;<a class="btn btn-success" onclick="searchVolunteerPool()">Search Volunteer Pool</a> ---></p>
				
				<table id="workshopVolunteersTable" class="table table-hover table-bordered" style="display: none;">
					<thead>
						<tr>
							<th>Name</th>
							<th>Workshop</th>
							<th>Confirmed</th>
							<!--- <th>Acknowledged</th> --->
							<th class="action"></th>
						</tr>
					</thead>
					<tbody data-role="listview">
						<tr>
							<td colspan="4">Loading...</td>
						</tr>
					</tbody>
				</table>
				<div id="workshopVolunteersTableNoRecs" class="well well-small" style="display: none;">No registered volunteers</div>
				
				<table id="volunteerWorkshopsTable" class="table table-hover table-bordered">
					<thead>
						<tr>
							<th>Name</th>
							<th>Site</th>
							<th>Date/Time</th>
							<th>Specialty Area</th>
							<th></th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="5">Loading...</td>
						</tr>
					</tbody>
				</table>
				<script id="volunteerWorkshopsTableRowsTemplate" type="text/x-kendo-tmpl">
					<tr>
						<td>#= volunteer_full_name#</td>
						<td>#= site_site#</td>
						<td>#= workshop_workshop_date# #= workshop_start_time# - #= workshop_end_time#</td>
						<td>Specialty Area</td>
						<td>
							<div class="btn-group">
								<button class="btn btn-success" onclick="edit('volunteer', #= volunteer_id#)">Edit</button>
								<button class="btn btn-success dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
								<ul class="dropdown-menu">
									<li><a onclick="confirmDel('volunteerWorkshop', #= volunteer_workshop_id#)">Disassociate</a></li>
									<li class="divider"></li>
									<li><a>Something</a></li>
								</ul>
							</div>
						</td>
					</tr>
				</script> --->
			</section>
	
			<section id="whats-next">
				<h3>What&rsquo;s Next</h3>
				<h4>Promote Workshops</h4>
				<p>You've got a great foundation in place for your workshop. Now it's time to put together a plan to get the word out about your event.</p>
				<p><a href="?view=promote" class="btn btn-success">Do It Now</a></p>
			</section>
			
		</div>
	</div>
</cfif>
